/*
Original design: Basic Reader (alt edition) (v1.0 - Nov 24, 2010) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/basic-reader/
*/

*{margin:0; padding:0;}
body {color:#303030; font:92% Georgia,Times New Roman, serif; line-height:1.5em;background:none repeat scroll 0 0 #F5F2F2;}
a {color:#972323; text-decoration:none;}
h2 a {color:#972323; text-decoration:none;font-family:"Comic Sans MS","新細明體";font-weight:bold;font-size:16px;}
#UserNav a,#login a,#categories a,#hot_searches a {color:#972323; text-decoration:none;font-family:"Comic Sans MS","新細明體";font-weight:bold;font-size:16px;}
#stareit a {color:#972323; text-decoration:none;font-family:"Comic Sans MS","新細明體";font-weight:bold;font-size:16px;}
.feed_button a {color:#972323; text-decoration:none;font-family:"Comic Sans MS","新細明體";font-weight:bold;font-size:14px;}
a:hover {text-decoration:underline;}
/*p,ul,ol,dl {margin:0 0 20px 0;}*/
h1 {color:#972323; font-size:2em; line-height:1.1em;}
h1 a {color:#972323; font-weight:400; text-transform:none;}
h2 {font-size:1.4em; color:#2380a0; margin:0 0 15px;}
h3 {font-size:1.2em; margin:0 0 8px 0}
h1,h2,h3 {font-weight:400;}
#wrap {color:#303030; margin:50px auto 0; /*padding:0 0 50px 0;*/ position:relative;}
#wrap_search_feature {color:#303030; margin:85px auto 0; /*padding:0 0 50px 0;*/ position:relative;}
#footer {color:#303030; width:100%;}
/*.content {text-align:left; width:725px;margin-bottom:45px;padding:30px 55px 150px 35px;background:url("/images/public/background.jpg") no-repeat scroll left top #FFFFFF}*/
 .category_area{width:47%;float:left;}
 .category_button{display:inline-block;margin:2px 5px 0px 5px;-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px;text-align:center; background:none repeat scroll 0 0 #FFF;}
 .category_button a{color:#858585;font-weight:bold;font-size:19px;}
 .feed_area{height:150px;overflow:auto;display:block;margin:2px 5px;padding:2px 5px;-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px;text-align:left; background:none repeat scroll 0 0 #FFF;border-color:#E0E0E0;border-style: solid;border-width: 3.5px;}
 .feed_button{font-size:12px;display:inline-block;margin:2px 5px;padding:2px 5px;-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px;text-align:center; background:none repeat scroll 0 0 #C2C2C2;opacity:0.7;}
 .content {overflow:auto;-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px;text-align:center; min-height:100px;width:280px;margin:10px 7px 15px;padding:12px 5px;float:left;background:none repeat scroll 0 0 white;box-shadow: 0 1px 3px rgba(34,25,25,0.4); -moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4); -webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);}
 .content p{font-size:12px;}
 .content li{list-style:none;}
 .content img{width:260px;height:auto;}
 .feed_content {font-size:11px;}
 
 .aboutus_email_content {overflow:auto;-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px;text-align:center; min-height:100px;width:300px;margin:10px 7px 15px;padding:15px 5px 0 5px;float:left;background:none repeat scroll 0 0 white;box-shadow: 0 1px 3px rgba(34,25,25,0.4); -moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4); -webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);}
 .aboutus_email_content p{font-size:12px;}
 .aboutus_email_content li{list-style:none;}
#sidebar {float:right;/*position:absolute;top:40px;right:50px;*/ line-height:1.4em; width:230px;padding-top:35px;}
#sidebar ul {font-size:0.9em; list-style:none; margin:0; padding:0 0 15px 0;}
#sidebar li {list-style:none; margin:0 0 5px; padding:0;}
#sidebar li a {font-size:1.4em;}
#sidebar ul ul {line-height:1.2em; margin:8px 0 8px 20px; padding:0;}
#sidebar ul ul li a {font-weight:400;}
#sidebar h2 {font-size: 1.4em;}
.slogan {color:#777; font-size:1.2em; font-weight:400; margin:0 0 20px 0;}
.readmore {text-align:right; margin:0 20px 30px 0;}
.timestamp a {font-weight:normal;}
.timestamp {float:right; width:120px; background-color:#eee; font-size:0.9em; padding:10px; margin:0 0 10px 20px; border:1px solid #ddd; color:#555;}
.icon {float:left; width:125px; background-color:#eee; padding:4px; margin:5px 20px 10px 0; border:1px solid #ddd;}
.left {float:left;width:340px;}
.right {width:340px; margin-left:360px;}
.credits {font-size:0.8em; color:#777; margin:25px 0;}
.credits a {color:#777;}
.clear {clear:both; visibility:hidden;}
.button_a{display:inline-block; border-width:1px 0; border-color:#BBBBBB; border-style:solid; vertical-align:middle;text-decoration:none; color:#524D4D;}
.button_b{float:left; background:#F0EDED; border-width:0 1px; border-color:#BBBBBB; border-style:solid; margin:0 -1px; position:relative;}
.button_c{display:block; line-height:0.6em; background:#f9f9f9; border-bottom:2px solid #eeeeee;}
.button_d{display:block; padding:0.1em 0.6em; margin-top:-0.3em; cursor:pointer;font-weight:bold;font-size:13px;}
.button_a:hover{border-color:#999999;text-decoration:none;}
.button_a:hover .button_b{border-color:#999999;text-decoration:none;}
#get_more{text-align:center;width:100%;}
#go_top{text-align:center;position:fixed;bottom:0;right:0;z-index:10;display:none;}
#go_top a  {
    width: 68px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;

}
#go_top a:hover {
    color: #000000;
}
#go_top a:hover span{
    background-color: #777777;
}

#go_top span {
    width: 68px;
	height: 68px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url(/images/public/up-arrow.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;

}
#next  {
    -moz-border-radius: 5px 5px 5px 5px;
    background: none repeat scroll 0 0 #EFEFEF;
    border: 1px solid #DDDDDD;
    color: #444444;
    display: block !important;
    font-weight: bold;
    padding: 5px;
    text-align: center;
    text-decoration: none;
	margin:10px 40px;
}
#next:hover  {
    background: none repeat scroll 0 0 #DFDFDF;
    color: #222222;
}

.active{
	background: url(/images/public/whitebg.png) repeat #FEFAFA;
	-webkit-box-shadow: 0px 0px 10px #A79C9A;
	-moz-box-shadow: 0px 0px 10px #A79C9A;
	box-shadow: 0px 0px 10px #A79C9A;
}
/**** Transitions ****/
/*
.masonry,
.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.masonry .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}
*/
/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}


img {border:0 none;}
#menu_bar{height:41px;position: fixed; z-index: 9; top: 0; right: 0; left: 0; text-align: center; font-size: 13px; color: #8c7e7e; background-color: #faf7f7; box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4); -moz-box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4); -webkit-box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4);}
#category_nav{width:100%;overflow:auto;height:41px;position: fixed; z-index: 9;top:39px;right: 0; left: 0; text-align: center; font-size: 13px; color: #8c7e7e; background-color: #faf7f7;border-top: 1px solid #cfcaca; box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4); -moz-box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4); -webkit-box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4);}
#search_feature{height:41px;position: fixed; z-index: 9;top:39px;right: 0; left: 0; text-align: center; font-size: 13px; color: #8c7e7e; background-color: #faf7f7;border-top: 1px solid #cfcaca; box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4); -moz-box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4); -webkit-box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4);}
#user_nav{height:41px;position: fixed; z-index: 9;top:39px;right: 0; left: 0; text-align: center; font-size: 13px; color: #8c7e7e; background-color: #faf7f7;border-top: 1px solid #cfcaca; box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4); -moz-box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4); -webkit-box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4);}
#search{padding: 5px; color: #8c7e7e; background: #fcf9f9;float: left; width: 183px; background-color: #faf7f7; border: 1px solid; border-color: #c2c0c0 #cccaca #d1cfcf; box-shadow: 0 1px #fff, inset 0 1px rgba(34,25,25,0.05); -moz-box-shadow: 0 1px #fff, inset 0 1px rgba(34,25,25,0.05); -webkit-box-shadow: 0 1px #fff, inset 0 1px rgba(34,25,25,0.05); font-size: 13px; line-height: 1.3;}

#query_button{float: left; margin-left: -1px; padding: 2px 7px; min-height: 17px; border: 1px solid; border-color: #c2c0c0 #cccaca #d1cfcf; box-shadow: 0 1px rgba(255,255,255,0.9), inset 0 0 2px rgba(255,255,255,0.75); -moz-box-shadow: 0 1px rgba(255,255,255,0.9), inset 0 0 2px rgba(255,255,255,0.75); -webkit-box-shadow: 0 1px rgba(255,255,255,0.9), inset 0 0 2px rgba(255,255,255,0.75);}
#search_wrap{float:right;margin:5px 135px 0px auto;}
#login{float:right;margin:5px 30px 5px auto;text-decoration:none;font-size:13pt;font-weight:bold;}
#login a{color:#8C7E7E;}
#login a:hover{text-decoration:underline;}
#hot_searches a{color:#8C7E7E;}
#categories a{color:#8C7E7E;}
#categories a:hover{text-decoration:none;}
.feed_title{position:absolute;z-index:2;bottom:0px;left:0px;width:100%;opacity:.7;display:none;-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px;background:none repeat scroll 0 0 #E0E0E0;}
.feed_share{position:absolute;z-index:2;bottom:0px;left:5px;display:none;-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px;}
#UserNav{list-style:none outside none;padding:8px 0 0 0;position:absolute;}
#UserNav img{position: absolute; top: 8px; left: 0; width: 22px; height: 22px; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; box-shadow: 0 1px 2px rgba(34,25,25,0.3); -moz-box-shadow: 0 1px 2px rgba(34,25,25,0.3); -webkit-box-shadow: 0 1px 2px rgba(34,25,25,0.3);}
#UserNav .nav{padding:15px 27px 10px 26px;height:29px;}
#UserNav .nav:hover{text-decoration:none;}
#UserNav .nav span{background-position:center top;background-repeat:no-repeat;position:absolute;top: 17px; right: 14px; width: 7px; height: 6px; background-image: url(/images/DownArrowGray.png);}

#UserNav ul{position: absolute; display: none; width: 100px; text-align:left; padding-left:20px;margin-top:4px;background-color: #fff; border-top: 1px solid #cccaca; box-shadow: 0 2px 4px rgba(34,25,25,0.5); -moz-box-shadow: 0 2px 4px rgba(34,25,25,0.5); -webkit-box-shadow: 0 2px 4px rgba(34,25,25,0.5);}
#UserNav ul li{list-style:none outside none;font-size:13px;font-weight:normal;}
#UserNav ul li a{color:#858585;}
#actions_area{padding-top:10px;}
#console{text-align:center;margin:5px;width:200px;color:white;background-color:#972323;opacity:0.7;border-radius: 5px; -moz-border-radius: 5px;-webkit-border-radius: 5px;}
.edit_button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:2px 10px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.edit_button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
	text-decoration:none;
}.edit_button:active {
	position:relative;
	top:1px;
}
.unsubscribe{cursor:pointer;}
.edit_title{cursor:pointer;}
.delete_category{margin:0 2px;cursor:pointer;}
.edit_category{margin:0 2px;cursor:pointer;}

.title_input{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background-color:#fcfcfc;
	border-color:#bbbbbb #dddddd #eeeeee;
	border-style:solid;
	border-width:1px;
	color:#444;
	font-family:arial;
	font-size:13px;
	letter-spacing:1px;
	margin:0 10px 5px 0;
	padding:2px 8px;
	width:145px;
	width:150px !important;
	padding:5px 10px !important;
	font-weight:bold;
}
.stare_input{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background-color:#fcfcfc;
	border-color:#bbbbbb #dddddd #eeeeee;
	border-style:solid;
	border-width:1px;
	color:#444;
	font-family:arial;
	font-size:13px;
	letter-spacing:1px;
	margin:0 2px 5px 0;
	padding:2px 8px;
	width:245px;
	width:250px !important;
	padding:5px 10px !important;
	font-weight:bold;
}

.category_input{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background-color:#fcfcfc;
	border-color:#bbbbbb #dddddd #eeeeee;
	border-style:solid;
	border-width:1px;
	color:#444;
	font-family:arial;
	font-size:13px;
	letter-spacing:1px;
	margin:0 2px 5px 0;
	padding:2px 8px;
	width:245px;
	width:250px !important;
	padding:5px 10px !important;
	font-weight:bold;
}
.normal_word{
	color:#972323;
	margin:0 10px;
	font-size:13pt;
	font-weight:bold;
}
.category_title{margin-bottom:5px;float:left;}

#add_stare{padding-left:10px;padding-bottom:10px; padding-top:10px;}
#stareit{position:absolute;left:42%;top:4px;width:120px;}
#stareit span{background-position:center top;background-repeat:no-repeat;position:absolute;top: 15px; right: 0px; width: 7px; height: 6px; background-image: url(/images/DownArrowGray.png);}
#categories{position:absolute;left:94%;top:10px;width:50px;}
#hot_searches{position:absolute;left:90%;top:10px;width:50px;}
#categories span{background-position:center top;background-repeat:no-repeat;position:absolute;top: 11px; right: 0px; width: 7px; height: 6px; background-image: url(/images/DownArrowGray.png);}
#stareit ul{position: absolute; display: none; width: 140px;padding-left:20px;text-align:left; background-color: #fff; border-top: 1px solid #cccaca; box-shadow: 0 2px 4px rgba(34,25,25,0.5); -moz-box-shadow: 0 2px 4px rgba(34,25,25,0.5); -webkit-box-shadow: 0 2px 4px rgba(34,25,25,0.5);}
#stareit ul li{list-style:none outside none;font-size:13px;font-weight:normal;}
#stareit ul li a{color:#858585;}

blockquote {
			font: 1.2em/1.6em Georgia, "Times New Roman", Times, serif;
			background: url(/images/close-quote.gif) no-repeat right bottom;
			text-indent: -18px;
}
blockquote:first-letter {
			background: url(/images/open-quote.gif) no-repeat left top;
			padding-left: 18px;
			font: italic 1.4em Georgia, "Times New Roman", Times, serif;
}
.user_profile_element{
	display:inline-block;
}

.user_profile_label{
	display:inline-block;
	width:70px;
}

#sender_list{
	width:20%;
    float:left;
}
#messages_by_sender{
	width:75%;
    border: 1px solid #ccc;
    margin-left: 275px;
    position: relative;
}

#messages_by_sender_content{
    height: 230px;
    overflow: auto;
    margin-bottom: 170px;
}
.msg_body{
	width:71%;
    float:left;
}
.msg_cdate{
	width:25%;
    margin-left: 610px;
    text-align: right;
}
.msg_line{
	overflow: auto;
	padding: 10px 0 20px 10px;
}
.msg_sender{
	color: #663300;
	font-weight: bold;
}
#msg_submitter{
    border-top: 1px solid #ccc;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px 0 10px 0;
}
#reply_area{
	padding: 5px;
}
#reply_submit_area{
	padding-left: 5px;
}

.blog_result_title{
	margin:0;
}
.blog_result_title a{
	color: #A35200;
}
.blog_result_block p{
	font-size: 85%;
}
.blog_result_block{
	margin-bottom:10px;
}
#search_feature_form{
	clear:both;
	margin:5px auto;
	width:515px;
}

a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	/*margin: 5px 3px 0;*/
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(/images/public/calendar.png) no-repeat;
}

a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}

/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 90px;
	float: left;
}

